@import "task13_framework";
@import "color-framework";
@import "variablae-value-framework";

.header{
  @extend %allot;
  background-color:$dark-blue-color;
  height: 2.9rem;
  border-bottom: 0.2px solid #f5f6f9;

  .house{
    background-image: url("images_2/house.png");
    background-repeat: no-repeat;
    background-position:center center;
    width: 51px; height: 42px;
    background-size:28px 24px ;
  }

  .about{
    @extend .house;
    background-image: url("images_2/about.png");

  }
}

.main{
  height: 60%;
  padding-top: 25px;
  background-color: $dark-blue-color;
  }

.victory{
  text-align: center;
  position: relative;

  & img{
    width: 10.5rem;
  }
  & p{
    position: absolute;
    width: 100%;
    top: 69px;
    letter-spacing: 1.5px;
  }
}

p{
  font-size: 17px;
  color: white;
}

.container{

margin: 20px 35px;

    & h6{
     @extend %vertical-center;
      font-size: 16.5px;
      color: #ffc865;
      font-weight: 500;
      text-align: justify;
    }
}

.container-t{
  padding-top: 40px;
  font-size: 13.5px;
  color: white;
  letter-spacing: 1.5px;


  .container-box3{
   padding-top: 5px;
  }

  .container-box4{
    padding-bottom: 5px;
  }

}

.main-text{
  @extend %allot;
  padding: 5px 35px 0 35px;
}

.main-text-c{
  padding: 10px 35px 17px 35px;
  color: #e3e3e3;
  border-bottom: 2px solid #dddddd;
}




.bottom{
  width: 100%;
  height:5em;
  display:flex;
  align-items: center;
  position:fixed;
  bottom: 0;
  left: 0;
  background: rgba(41,189,224,0.5);
  }

.bottom .left{
  width:100%;
  margin:0 10px 0 20px;
  padding:10px;
  text-decoration-line: none;
  font-size: 17.5px;
  text-align: center;
  background-color: #f66f6f;
  border-radius: 7px;
  color: white;
  }

.bottom .right{
  @extend  .left;
  margin:0 20px 0 10px;
  background-color: #fbb435;

  }
